<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Aprendiendo jQuery</title>
		<script src="jquery-1.8.3.min.js"> </script>
		
		<script type="text/javascript">
			$(document).on('ready', function(){
				//Seleccionar el elemento siguiente:
				var sec = $('.first').next();
				alert(sec.text());

				//Seleccionar el padre de un elemento:
				var sup = $('.inf').parent();
				alert(sup.attr('class'));

				//Seleccionar el hijo de un elemento:
				var inf = $('.sup').children();
				alert(inf.attr('class'));

				//Seleccionar otros hermanos:
				var bro = $('.first').siblings();
				console.log(bro);

				//Gestionar con each
				$('ol li').each(function(index, elemento){
					alert("Elemento: " + $(elemento).text() + " en el indice " + index);
				});
			});
		</script>
	</head> 
	<body>
		<div>
			<div class="sup">
				Div Superior
				<div class="inf">Div inferior</div>
			</div>
		<div>
		<ol>	
			<li class="first">Primero</li>
			<li>Segundo</li>
			<li>Tercero</li>
		</ol>


	</body>
</html>